<template>
	<view class="container">
		<image src="C:/Users/86152/Desktop/猎妖传/打包/背景/牢房.png" class="pic"></image>
		<view class="container2">
			<image src="‪/Users/86152/Desktop/猎妖传/打包/内容素材/选项前.png" class="pic1"></image>
			<image src="C:/Users/86152/Desktop/猎妖传/打包/立绘/女主.png" class="pic2"></image>
			<view class='text1'>
				<text>{{message1}}</text>
			</view>
			<view class='text2' @click="goToPage1">
				<text>{{message2}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				message1:"你",
				message2:"我······我这是在哪儿？",
			}
		},
		methods: {
			goToPage1(){
				uni.navigateTo({
					url:"/pages/14/14"
				})
			},
		}
	}
</script>

<style>
	uni-page-body,html,body{
		height: 100%;  
		background-size: cover;
	}
	.container{
		position: absolute;
		width: 100%;
		height: 100%;
/* 		border: 2px solid red; */
	}
	.pic{
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.container2{
		position: absolute;
		top: 35%;
		left: 8%;
		width: 40%;
		height: 45%;
/* 		border: 2px solid red; */
	}
	.pic1{
		position: absolute;
		top: 75%;
		left: 4%;
		width: 200%;
		height: 45%;
	}
	.pic2{
		position: absolute;
		top: 40%;
		left: 5%;
		width: 45%;
		height: 100%;
	}
	.text1{
		position: absolute;
		top: 86%;
		left: 48%;
		font-size: 0.2cm;
		color: white;
		font-family: Georgia, 'Times New Roman', Times, serif;
	}
	.text2{
		position: absolute;
		top: 101%;
		left: 50%;
		font-size: 0.33cm;
		color: white;
		font-family: Georgia, 'Times New Roman', Times, serif;
	}
</style>
